﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>reportindividual</title>
<link href="css/common.css" rel="stylesheet" type="text/css" />
<link href="css/headerfooter.css" rel="stylesheet" type="text/css" />
<link href="css/reporthistory.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.js"></script>
<script src="js/jquery.alcatel.tab.js"></script>
<script src="js/jquery.alcatel.siderbar.js"></script>
<script src="js/jquery.alcatel.reporthistory.js"></script>
<!--日历控件-->
<link type="text/css" href="datepicker/themes/base/ui.all.css" rel="stylesheet" />
	<script type="text/javascript" src="datepicker/ui/ui.core.js"></script>
	<script type="text/javascript" src="datepicker/ui/ui.datepicker.js"></script>
	<link type="text/css" href="datepicker/demos.css" rel="stylesheet" />
	  <script type="text/javascript">
	      $(function () {
	          $("#datepicker").datepicker({ showOn: 'button', buttonImage: 'images/calendar.gif', buttonImageOnly: true });
	      });
	 </script>
    <script type="text/javascript">
        $(function () {
            $("#datepickers").datepicker({ showOn: 'button', buttonImage: 'images/calendar.gif', buttonImageOnly: true });
        });
	 </script>
     <script type="text/javascript">
         function clicks() {
             document.getElementById("datepicker").value = "mm/dd/yy";
             document.getElementById("datepickers").value = "mm/dd/yy";   
         }
     </script>
</head>

<body>
<div id="container">
	<div id="header">
    	<div class="logo"><img src="images/logo.gif" width="849" height="46" alt="短信网关 上海贝尔" /></div>
        <div class="toolsbar">
       	<div class="welcome">Welcome <strong>李铁</strong>(Group User)</div>
            <div class="settings"><a href="setting.html">Settings</a></div>
        </div>
    </div>
    <div id="content">
        <div class="siderbar">
            <ul>
                <li class="first ">
                    <a href="send.html">Send SMS<div class="mark"></div></a>
                </li>
                <li>
                    <a href="template.html">SMS Template<div class="mark"></div></a>
                </li>
                <li>
                    <a href="address.html">Address Book<div class="mark"></div></a>
                </li>
                <li id="history">
                    <a href="#">History<div class="mark"></div></a>
                    <ul>
                        <li>
                            <a href="pending.html">Pending</a>
                        </li>
                        <li>
                            <a href="delivered.html">Delivered</a>
                        </li>
                        <li class="last">
                            <a href="failed.html">Failed</a>
                        </li>
                    </ul>
                </li>
                    <li>
                    <a href="#">Manage Groups<div class="mark"></div></a>
                </li>
                <li>
                    <a href="userscreate.html">Manage Users<div class="mark"></div></a>
                </li>
                 <li class="current">
                    <a href="#">System Report<div class="mark"></div></a>
                      <ul>
                        <li>
                            <a href="reportoverview.html">Overview</a>
                        </li>
                        <li>
                            <a href="reporthistory.html">History Report</a>
                        </li>
                        <li>
                            <a href="reportgroup.html">Group Report</a>
                        </li>
                         <li class="last current">
                            <a href="reportindividual.html">Individual Report</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
        <div class="maincontent">
            <div id="tabcontent">
            <h2>Individual</h2>
            <p></p>
                <div>
                    <img src="images/reportindividual.PNG" /></div>
                   <div class="group">		
				   		 <div class="tips">
                            	<div class="label">Tips:</div>
                                <div class="content">########</div>
                            </div>					
                        	<span class="label">Display:</span>
                            <span class="input"><select class="group"><option>按月</option><option>按年</option></select></span>
                        </div>
                     <div class="group">		
                            <!--日历控件-->
							 <div class="tips">
                            	<div class="label">Tips:</div>
                                <div class="content">开始查询的日期(mm/dd/yy)</div>
                            </div>	
                    <span class="label">From:</span> 
                   <input type="text" id="datepicker" value="mm/dd/yy" />
		                
	                </select>

                        </div>
                     <div class="group">		
                             <!--日历控件-->
 							<div class="tips">
                            	<div class="label">Tips:</div>
                                <div class="content">结束查询的日期（必须在From之后mm/dd/yy）</div>
                            </div>								 
                    <span class="label">To:</span> 
                    <input type="text" id="datepickers"  value="mm/dd/yy" >
                        </div>
                        

                       <div class="group"></div>
                        <div class="settingbutton">
                        	<span class="label">&nbsp;</span>
                            <span class="input"><input name="settinguser" type="button" class="button" value="查询" /></span>
                            <span class="input">&nbsp;</span>
                            <span class="input"><input name="settingusers" type="button" class="button" value="重置" onclick="clicks()" /></span>
                        </div>
                        </div>
                                 
           </div>
    </div>
	<div id="footer">
    	<div class="copyright">Copyright 2010 &copy; Alcatel-Lucent. All rights reserved</div>
    </div>
</div>
</body>
</html>
